<template>
  <div id="firstcontent">
    <img src="../assets/E.png" class="first" />
    <div class="next">
      <button @click="btnnext()">向前进</button>
    </div>
    <div class="back">
      <button @click="callback()">返回首页</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    btnnext() {
      this.$router.push("/fifthcontent");
    },
    callback() {
      this.$router.push("/");
    },
  },
};
</script>

<style lang="scss" scoped>
.first {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}
.next {
  width: 100%;
  height: 100%;
  position: absolute;
}
.next button {
  width: 100%;
  height: 100%;
  // background-color: aqua;
  opacity: 0;
}
.back {
  width: 75px;
  height: 50px;
  position: absolute;
  top: 75%;
  left: 40%;
}
</style>
